<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>结算付款页面</title>
    <link rel="stylesheet" href="./elm_demo/css/shopping.css">
</head>
<body>
    <div id="app">
        <div class="header">在 线 支 付</div>

        <div class="mm">
            <div class="mm1">订单信息：</div>
            <div class="mm2 flex">
                <div class="mm21">万家饺子（软件园E18店）</div>
                <div class="mm22">￥{{sub}}</div>
            </div>
            <div class="mm3"><img src="./elm_demo/img/alipay.png"></div>
            <div class="mm3"><img src="./elm_demo/img/wechat.png"></div>
            <button class="bt">确 认 支 付</button>
        </div>

        <div class="Options flex">
            <div>
                <div class="o1"><img src="./elm_demo/img/userImg/yhtx01.png"></div>
                <div class="o2">首页</div>
            </div>
            <div>
                <div class="o1"><img src="./elm_demo/img/userImg/yhtx02.png"></div>
                <div class="o2">发现</div>
            </div>
            <div>
                <div class="o1"><img src="./elm_demo/img/userImg/yhtx03.png"></div>
                <div class="o2">订单</div>
            </div>
            <div>
                <div class="o1"><img src="./elm_demo/img/userImg/yhtx04.png"></div>
                <div class="o2">我的</div>
            </div>
        </div>
    </div>
    <!-- js -->
    <script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.slim.min.js"></script>
    <!-- vue -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        const vm = new Vue({
            el: '#app',
            data: {
                //默认总价
				sub: 0,
				//默认总数量
                num: 0,
                //商品数据库
                money: 0,
                
            },
            created: function () {
                //获取传递过来的localStorage
                sub = console.log(window.localStorage.getItem(money))
                console.log(sub)
            }
        })    
    </script>        
</body>
</html>